<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<ui:composition template="/Menu.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:p="http://primefaces.org/ui"                
                xmlns:c="http://java.sun.com/jsp/jstl/core">
        <ui:define name="body">
    <h:head>
        <title>Sistema de PrÃ¡cticas Profesionales</title>
    </h:head>
            <h:form id="form">
                <p:growl id="growl"></p:growl>
            <p:messages showSummary="true" id="msgForm"/>
            <p:panel header="FUNDACIÃ“N UNIVERSITARIA KONRAD LORENZ" >  
                <p:panel header="DATOS DE ENTIDAD" >
                    <h:panelGrid columns="4" cellpadding="5">  
                        <h:outputLabel for="nitEntidad" value="Nit:" style="font-weight:bold"/>  
                        <p:inputText id="nitEntidad" value="#{cargueEntidad.entidad.nitEntidad}" />   
                        <h:outputLabel for="nombreEntidad" value="Nombre Entidad:" style="font-weight:bold"/>  
                        <p:inputText id="nombreEntidad" value="#{cargueEntidad.entidad.nombreEntidad}" />
                        <h:outputLabel for="actividadEntidad" value="Actividad:" style="font-weight:bold"/>  
                        <p:inputText id="actividadEntidad" value="#{cargueEntidad.entidad.actividadEntidad}" />
                        <h:outputLabel for="representanteEntidad" value="Representante Legal:" style="font-weight:bold"/>  
                        <p:inputText id="representanteEntidad" value="#{cargueEntidad.entidad.representanteLegal}" /> 
                        <h:outputLabel for="idContacto" value="Contacto:" style="font-weight:bold"/>  
                        <p:inputText id="idContacto" value="#{cargueEntidad.entidad.contacto}" maxlength="50"/> 
                        <h:outputLabel for="visibleEntidad" value="Visible:" style="font-weight:bold"/>
                        <p:selectBooleanCheckbox value="#{cargueEntidad.entidad.visibleEntidad}" id="visibleEntidad"/>
                    </h:panelGrid> 
                    <h:panelGrid columns="2" cellpadding="5">
                        <h:outputLabel for="observacionesEntidad" value="Objetivo Social / Descripcion:" style="font-weight:bold"/>  
                        <p:inputTextarea id="observacionesEntidad" value="#{cargueEntidad.entidad.descripcionEntidad}" rows="2" cols="45" /> 
                    </h:panelGrid>
                </p:panel>  
                <p:panel header="DATOS DEL SITIO" >
                <h:panelGrid columns="2" cellpadding="5">
                    <h:outputLabel for="nombreSitio" value="Nombre del sitio:" style="font-weight:bold"/>  
                    <p:inputText id="nombreSitio" value="#{cargueEntidad.sitio.nombreSitio}" /> 
                </h:panelGrid>
                <h:panelGrid columns="4" cellpadding="5">  
                        <h:outputLabel for="paisSelected" value="Pais:" style="font-weight:bold"/>  
                        <p:selectOneMenu id="paisSelected" converter="paisConverter"
                                         value="#{cargueEntidad.paisSelected}">
                                <f:selectItem itemLabel="--Seleccione un PaÃ­s--" itemValue=""/>
                                <f:selectItems value="#{cargueEntidad.listaPais}" var="pais" 
                                               itemValue="#{pais}" 
                                               itemLabel="#{pais.nombrePais}"/>
                                <p:ajax update="departamentoSelected"></p:ajax>
                        </p:selectOneMenu>
                        <h:outputLabel for="departamentoSelected" value="Departamento:" style="font-weight:bold"/>  
                        <p:selectOneMenu id="departamentoSelected" converter="departamentoConverter"
                                         value="#{cargueEntidad.departamentoSelected}">
                                <f:selectItem itemLabel=" --Seleccione un Departamento-- " itemValue=""/>
                                <f:selectItems value="#{cargueEntidad.paisSelected.departamentoList}" var="departamento" 
                                               itemValue="#{departamento}" 
                                               itemLabel="#{departamento.nombreDepartamento}"
                                               />
                                <p:ajax update="municipioSelected"></p:ajax>
                        </p:selectOneMenu>
                        <h:outputLabel for="municipioSelected" value="Municipio:" style="font-weight:bold"/>  
                        <p:selectOneMenu id="municipioSelected" converter="municipioConverter"
                                         value="#{cargueEntidad.municipioSelected}">
                                <f:selectItem itemLabel=" --Seleccione un Municipio-- " itemValue=""/>
                                <f:selectItems value="#{cargueEntidad.departamentoSelected.municipioList}" var="municipio" 
                                               itemValue="#{municipio}" 
                                               itemLabel="#{municipio.nombreMunicipio}"
                                               />
                                <p:ajax update="localidadSelected"></p:ajax>
                        </p:selectOneMenu>
                        
                        <h:outputLabel for="localidadSelected" value="Localidad:" style="font-weight:bold"/>  
                        <p:selectOneMenu id="localidadSelected" converter="localidadConverter"
                                         value="#{cargueEntidad.localidadSelected}">
                                <f:selectItem itemLabel=" --Seleccione una Localidad-- " itemValue=""/>
                                <f:selectItems value="#{cargueEntidad.municipioSelected.localidadList}" var="localidad" 
                                               itemValue="#{localidad}" 
                                               itemLabel="#{localidad.nombreLocalidad}"
                                               />
                                <p:ajax update="barrioSelected"></p:ajax>
                        </p:selectOneMenu>
                        
                    </h:panelGrid> 
                    <h:panelGrid columns="2" cellpadding="5"> 
                        <h:outputLabel for="barrioSelected" value="Barrio:" style="font-weight:bold"/>  
                            <p:selectOneMenu id="barrioSelected" 
                                             value="#{cargueEntidad.barrioSelected}">
                                    <f:selectItem itemLabel=" --Seleccione un Barrio-- " itemValue=""/>
                                    <f:selectItems value="#{cargueEntidad.localidadSelected.barrioList}" var="barrio" 
                                                   itemValue="#{barrio.idBarrio}" 
                                                   itemLabel="#{barrio.nombreBarrio}"
                                                   />
                            </p:selectOneMenu>
                    </h:panelGrid> 
                    <h:panelGrid columns="4" cellpadding="5">
                        <h:outputLabel for="direccion" value="Direccion:" style="font-weight:bold"/>  
                        <p:inputText id="direccion" value="#{cargueEntidad.sitio.direccionSitio}" size="40" />
                        <h:outputLabel for="telefonoEntidad" value="Telefono:" style="font-weight:bold"/>  
                        <p:inputText id="telefonoEntidad" value="#{cargueEntidad.sitio.telefonoSitio}" size="40" />
                        <h:outputLabel for="correoEntidad" value="Correo:" style="font-weight:bold"/>  
                        <p:inputText id="correoEntidad" value="#{cargueEntidad.sitio.correoSitio}" size="40"/>
                        <h:outputLabel for="estrato" value="Estrato:" style="font-weight:bold"/>
                        <p:selectOneMenu value="#{cargueEntidad.sitio.estratoSitio}" id="estrato">  
                            <f:selectItem itemLabel="Seleccione Estrato" itemValue=""/>  
                            <f:selectItem itemLabel="Estrato 1" itemValue="1" />  
                            <f:selectItem itemLabel="Estrato 2" itemValue="2" />  
                            <f:selectItem itemLabel="Estrato 3" itemValue="3" />
                            <f:selectItem itemLabel="Estrato 4" itemValue="4" />  
                            <f:selectItem itemLabel="Estrato 5" itemValue="5" />  
                            <f:selectItem itemLabel="Estrato 6" itemValue="6" />
                        </p:selectOneMenu>
                        <h:outputLabel for="principal" value="Principal:" style="font-weight:bold"/>
                        <p:selectBooleanCheckbox value="#{cargueEntidad.sitio.principalSitio}" id="pricipal"/> 
                        <h:outputLabel for="visible" value="Visible:" style="font-weight:bold"/>
                        <p:selectBooleanCheckbox value="#{cargueEntidad.sitio.visibleSitio}" id="visible"/>
                    </h:panelGrid>
                </p:panel>
                
                <p:commandButton value="Guardar" update="display,msgForm" onclick="confirmGuardar.show()"/>  
                <p:commandButton value="Cancelar" update="display" action="faces/Menu.xhtml" id="btnVolverInicio" />  
                    <p:dialog header="Selected Values" modal="true" showEffect="fade" hideEffect="fade" widgetVar="dlg">  
                           <p:outputPanel id="display">  
                               <p:dataList value="" var="option">  
                                   #{option}  
                               </p:dataList>  
                               <p:dataList value="" var="movie">  
                                   #{movie}  
                               </p:dataList>  
                           </p:outputPanel>
                        </p:dialog>
            </p:panel>
            
            <p:confirmDialog message="Â¿Desea guardar?" widgetVar="confirmGuardar">
                <p:commandButton value="Si" styleClass="ui-confirmdialog-yes" icon="ui-icon-check"
                                 actionListener="#{cargueEntidad.cargarEntidad}"
                                 oncomplete="confirmGuardar.hide()" update=":form:growl,nitEntidad,nombreEntidad,actividadEntidad,representanteEntidad,idContacto,visibleEntidad,observacionesEntidad,nombreSitio,paisSelected,departamentoSelected,municipioSelected,localidadSelected,barrioSelected,direccion,telefonoEntidad,correoEntidad,estrato,pricipal,visible"/>               
                <p:commandButton value="No" onclick="confirmGuardar.hide()" type="button" styleClass="ui-confirmdialog-no" icon="ui-icon-close"/>
            </p:confirmDialog>
            
            </h:form>
         </ui:define>
</ui:composition>
